import React from 'react';
import { PureComponent } from "react";
import { Layout,Row,Col,Menu,Select,Button,Carousel,Anchor } from 'antd';

import { Link } from 'react-router-dom';
import logo from './logo.svg';
import './App.css';
const { Header, Footer, Sider, Content } = Layout;
const { SubMenu } = Menu;
const { Option } = Select;
export default class App extends PureComponent{
    constructor(props){
        super(props)
        this.state={
            current:'0',
            IsmouseOver:false,
            IsmouseOverAnroid:false,
            IsFooter1:false,
            IsFooter2:false,
            IsFooter3:false,
            IsFooter4:false,
            uopsColor:false,
        }
    };
    componentWillMount(){

    };
    componentDidMount(){
        localStorage.setItem("path",this.props.match.path)
        console.log(this.props.match.path)
    };
    handleChange=(value)=>{
        console.log(`selected ${value}`);
    }
    mouseOver=()=>{
        this.setState({
            IsmouseOver:true
        })
    }
    mouseOverAnroid=()=>{
        this.setState({
            IsmouseOverAnroid:true
        })
    }
    mouseOut=()=>{
        this.setState({
            IsmouseOver:false
        })
    }
    mouseOutAnroid=()=>{
        this.setState({
            IsmouseOverAnroid:false
        })
    }
    footer1Over=()=>{
        this.setState({
            IsFooter1:true
        })
    }
    footer1Out=()=>{
        this.setState({
            IsFooter1:false
        })
    }
    footer2Over=()=>{
        this.setState({
            IsFooter2:true
        })
    }
    footer2Out=()=>{
        this.setState({
            IsFooter2:false
        })
    }
    footer3Over=()=>{
        this.setState({
            IsFooter3:true
        })
    }
    footer3Out=()=>{
        this.setState({
            IsFooter3:false
        })
    }
    footer4Over=()=>{
        this.setState({
            IsFooter4:true
        })
    }
    footer4Out=()=>{
        this.setState({
            IsFooter4:false
        })
    }
    uposClick=()=>{
        let {uopsColor} = this.state;
        this.setState({
            uopsColor:true
        })
        window.location.href="/upos/";


    }
  render(){
        let {current,IsmouseOver,IsmouseOverAnroid,IsFooter1,IsFooter2,IsFooter3,IsFooter4,uopsColor} = this.state;
      return (
          <Layout style={{background:'#fff',minWidth:'1600px',overflow: 'auto'}}>
            <Header style={{width:'100%'}}>
                <Row>
                    <Col span={4}></Col>
                    <Col span={16} >

                        <Row style={{width:'100%'}}>
                            <Col span={4}> <img src="images/header.png" style={{width:'143px',height:'26px'}}/></Col>
                            <Col  span={9}></Col>
                            <Col span={11} style={{}}>
                                <Menu mode="horizontal" selectedKeys={[current]}>
                                    <Menu.Item key="0">
                                        <Link to="/" style={{fontWeight:'bold',color:'#2B292D'}}>首页</Link>
                                    </Menu.Item>
                                    <Menu.Item key="1">
                                        <Link to="/upos/">产品中心</Link>
                                    </Menu.Item>
                                    {/* <Menu.Item key="2">
                                        <Link to="/pos/">POS收银系统</Link>
                                    </Menu.Item>
                                    <Menu.Item key="3">
                                       <Link to="/posApp/">UPOS APP</Link>
                                    </Menu.Item> */}
                                    <Menu.Item key="2">
                                        <Link to="/question/">解决方案</Link>
                                    </Menu.Item>
                                      <Menu.Item key="3">
                                          <Link to="/chat/">关于我们</Link>
                                      </Menu.Item>

                                </Menu>
                            </Col>
                        </Row>
                    </Col>
                    <Col span={4}></Col>
                    {/*<Col span={5}>*/}
                        {/*<Select defaultValue="zh" style={{ width: 120 }} onChange={this.handleChange}>*/}
                            {/*<Option  key="en" value="zh" >*/}
                                {/*<div className="demo-option-label-item" style={{fontSize:'1.2rem'}}>*/}
                                    {/*<span role="img" aria-label="ZH">*/}
                                        {/*<img src="images/china.png" style={{width:'1.6rem',height:'1.6rem',marginRight:'0.3rem'}}/>*/}
                                    {/*</span>*/}
                                    {/*CN*/}
                                {/*</div>*/}
                            {/*</Option>*/}
                            {/*<Option  key="it" value="it">*/}
                                {/*<div className="demo-option-label-item" style={{fontSize:'1.2rem'}}>*/}
                                    {/*<span role="img" aria-label="IT">*/}
                                        {/*<img src="images/Italy.png" style={{width:'1.6rem',height:'1.6rem',marginRight:'0.3rem'}}/>*/}
                                    {/*</span>*/}
                                    {/*IT*/}
                                {/*</div>*/}
                            {/*</Option>*/}
                        {/*</Select>*/}
                    {/*</Col>*/}
                    {/*<Col span={2}></Col>*/}
                </Row>
            </Header>
            <Content>
                <div style={{width:'100%',position:'relative'}}>
                        <img src="images/banner.png" style={{width:'100%'}}></img>
                    <div style={{position:'absolute',left:'19%',top:'68%'}}>
                        <Button className="more">  <a href="#FreeTrial" style={{color:'#fff'}}>免费试用</a></Button>
                        <Button className="contact"><a href="#Footer" style={{color:'##00CBD9'}}>联系我们</a></Button>
                    </div>

                </div>
                <div id="AboutUs">
                <Row style={{color:'#606266',fontSize:'1.6rem',background:'#F4F5F7',padding:'78px 0'}}>
                    <Col span={24} style={{textAlign:'center'}}>杭州青湘科技有限公司是一家主要从事零售科技服务的企业，目前旗下拥有：UPOS云进销存系统、UPOS前台收银系统，及UPOS在线商城APP等三大产品组合，
                        </Col>
                    <Col span={24} style={{textAlign:'center'}}>帮助欧洲实体零售企业提升零售经营效率、降低企业零售经营成本，面向终端用户提供更好的电商软件产品使用体验。</Col>
                </Row>
                <Row style={{marginTop:'36px'}}>
                    <Col span={4}></Col>
                    <Col span={16}>
                        <img src="images/partner.png" style={{width:'100%'}}></img>
                    </Col>
                    <Col span={4}></Col>
                </Row>
                </div>
                <Row style={{marginTop:'104px'}}>
                    <Col span={4}></Col>
                    <Col span={16} style={{fontSize:'5.6rem',color:'#303133',textAlign:'center'}}>产品与服务</Col>
                    <Col span={4}></Col>
                </Row>
                <Row style={{marginTop:'104px'}}>
                    <Col span={4}></Col>
                    <Col span={20} style={{}}>
                        <Row style={{marginBottom:'121px'}}>
                            <Col span={9}>
                                <Row>
                                    <span className="uposButton">
                                        规范业务管理
                                    </span>
                                    <span className="uposButton" style={{marginLeft:'4%'}}>
                                        辅助决策分析
                                    </span>
                                    <span className="uposButton" style={{marginLeft:'4%'}}>
                                        易学易上手
                                    </span>
                                    <span className="uposButton" style={{marginLeft:'4%'}}>
                                        Saas部署
                                    </span>
                                </Row>
                                <Row style={{color:'#303133',fontSize:'4rem',margin:'20px 0 20px 0',fontWeight:'bold'}}>UPOS云进销存系统</Row>
                                <Row style={{color:'#909399',fontSize:'1.6rem'}}>
                                    集合企业进货、销售、仓库等各个环节的管理。操作简洁、实用，易用，帮助企业实现库存、销售、往来帐、利润等的实时查询，从而实现企业经营信息的全程把控、传递、记录和分析，为企业经营管理提供决策依据。
                                </Row>
                                <Row style={{marginTop:'70px'}}>
                                    <Col span={12}>
                                        <Row>
                                            <img src="images/upos1.png" style={{width:'32px'}}></img>
                                            <span style={{color:'#606266',fontSize:'1.8rem',fontWeight:'bold',marginLeft:'30px'}}>促销活动</span>
                                        </Row>
                                        <Row style={{marginTop:'32px'}}>
                                            <img src="images/upos3.png" style={{width:'32px'}}></img>
                                            <span style={{color:'#606266',fontSize:'1.8rem',fontWeight:'bold',marginLeft:'30px'}}>会员管理</span>
                                        </Row>
                                        <Row style={{marginTop:'32px'}}>
                                            <img src="images/upos5.png" style={{width:'32px'}}></img>
                                            <span style={{color:'#606266',fontSize:'1.8rem',fontWeight:'bold',marginLeft:'30px'}}>发票管理</span>
                                        </Row>

                                    </Col>
                                    <Col span={12}>
                                        <Row>
                                            <img src="images/upos2.png" style={{width:'32px'}}></img>
                                            <span style={{color:'#606266',fontSize:'1.8rem',fontWeight:'bold',marginLeft:'30px'}}>库存管理</span>
                                        </Row>
                                        <Row style={{marginTop:'32px'}}>
                                            <img src="images/upos4.png" style={{width:'32px'}}></img>
                                            <span style={{color:'#606266',fontSize:'1.8rem',fontWeight:'bold',marginLeft:'30px'}}>权限管理</span>
                                        </Row>
                                    </Col>
                                </Row>
                                <Row style={{marginTop:'64px'}}>
                                 <Button   style={{background:'#00A5C6'}} className="more">
                                     <Link to="/upos/">
                                         了解更多
                                     </Link>
                                 </Button>
                                </Row>

                            </Col>
                            <Col span={1}></Col>
                            <Col span={14}>
                                <video src="images/upos.mp4"  width="100%" autoplay="autoplay" loop="loop">

                                </video>
                            </Col>
                        </Row>
                    </Col>

                </Row>
                <Row style={{marginBottom:'121px'}}>
                    <Col span={4}></Col>
                    <Col span={16}>
                        <Row>
                            <Col span={10}>
                                <img src="images/pos1.png" style={{width:'91%'}}></img>
                            </Col>
                            <Col span={2}></Col>
                            <Col span={10}>
                                <Row>
                                    <span className="uposButton">
                                        简单易用
                                    </span>
                                    <span className="uposButton" style={{marginLeft:'4%'}}>
                                        高效
                                    </span>
                                    <span className="uposButton" style={{marginLeft:'4%'}}>
                                        安全
                                    </span>
                                    <span className="uposButton" style={{marginLeft:'4%'}}>
                                        提高企业形象
                                    </span>
                                </Row>
                                <Row style={{color:'#303133',fontSize:'40px',margin:'20px 0 20px 0',fontWeight:'bold'}}>POS前台收银系统</Row>
                                <Row style={{color:'#909399',fontSize:'1.6rem'}}>
                                    POS前台收银系统采用扁平化的界面并重新设计功能布局，且触摸操作快速提升收银效率。界面简洁上手快，普通收银员10分钟即可培训上岗，减少了员工使用成本。
                                </Row>
                                <Row style={{marginTop:'70px'}}>
                                    <Col span={12}>
                                        <Row>
                                            <img src="images/pos2.png" style={{width:'32px'}}></img>
                                            <span style={{color:'#606266',fontSize:'1.8rem',fontWeight:'bold',marginLeft:'30px'}}>离线模式</span>
                                        </Row>
                                        <Row style={{marginTop:'32px'}}>
                                            <img src="images/pos4.png" style={{width:'32px'}}></img>
                                            <span style={{color:'#606266',fontSize:'1.8rem',fontWeight:'bold',marginLeft:'30px'}}>营销功能</span>
                                        </Row>
                                        <Row style={{marginTop:'32px'}}>
                                            <img src="images/pos6.png" style={{width:'32px'}}></img>
                                            <span style={{color:'#606266',fontSize:'1.8rem',fontWeight:'bold',marginLeft:'30px'}}>中意语言切换</span>
                                        </Row>

                                    </Col>
                                    <Col span={12}>
                                        <Row>
                                            <img src="images/pos3.png" style={{width:'32px'}}></img>
                                            <span style={{color:'#606266',fontSize:'1.8rem',fontWeight:'bold',marginLeft:'30px'}}>退货功能</span>
                                        </Row>
                                        <Row style={{marginTop:'32px'}}>
                                            <img src="images/pos5.png" style={{width:'32px'}}></img>
                                            <span style={{color:'#606266',fontSize:'1.8rem',fontWeight:'bold',marginLeft:'30px'}}>客显功能</span>
                                        </Row>
                                        <Row style={{marginTop:'32px'}}>
                                            <img src="images/pos7.png" style={{width:'32px'}}></img>
                                            <span style={{color:'#606266',fontSize:'1.8rem',fontWeight:'bold',marginLeft:'30px'}}>多国语言即将推出</span>
                                        </Row>
                                    </Col>
                                </Row>
                                <Row style={{marginTop:'64px'}}>
                                    <Button className="more"><Link to="/pos/">了解更多</Link></Button>
                                </Row>

                            </Col>
                        </Row>

                    </Col>
                    <Col span={4}></Col>
                </Row>
                <Row style={{marginBottom:'104px'}}>
                    <Col span={4}></Col>
                    <Col span={16}>
                        <Row>
                            <Col span={12}>
                                <Row>
                                    <span className="uposButton">
                                        操作简单
                                    </span>
                                    <span className="uposButton" style={{marginLeft:'4%'}}>
                                        布局线上
                                    </span>
                                    <span className="uposButton" style={{marginLeft:'4%'}}>
                                        增加流量
                                    </span>
                                </Row>
                                <Row style={{color:'#303133',fontSize:'40px',margin:'20px 0 20px 0',fontWeight:'bold'}}>UPOS在线商城App</Row>
                                <Row style={{color:'#909399',fontSize:'16px'}}>
                                    UPOS在线商城APP帮助企业在新零售时代下成功转型，顾客随时随地通过手机就能在线下单，且根据实际情况自由选择收货方式，持续提高顾客体验的同时，帮助门店减少线下压力，多渠道增加销售订单。
                                </Row>
                                <Row style={{marginTop:'70px'}}>
                                    <Col span={12}>
                                        <Row>
                                            <img src="images/app2.png" style={{width:'32px'}}></img>
                                            <span style={{color:'#606266',fontSize:'18px',fontWeight:'bold',marginLeft:'30px'}}>Paypal 在线支付</span>
                                        </Row>
                                        <Row style={{marginTop:'32px'}}>
                                            <img src="images/app4.png" style={{width:'32px'}}></img>
                                            <span style={{color:'#606266',fontSize:'18px',fontWeight:'bold',marginLeft:'30px'}}>问题反馈</span>
                                        </Row>

                                    </Col>
                                    <Col span={12}>
                                        <Row>
                                            <img src="images/app3.png" style={{width:'32px'}}></img>
                                            <span style={{color:'#606266',fontSize:'18px',fontWeight:'bold',marginLeft:'30px'}}>自由选择收货方式</span>
                                        </Row>
                                        <Row style={{marginTop:'32px'}}>
                                            <img src="images/app5.png" style={{width:'32px'}}></img>
                                            <span style={{color:'#606266',fontSize:'18px',fontWeight:'bold',marginLeft:'30px'}}>统计报表</span>
                                        </Row>
                                    </Col>
                                </Row>
                                <Row style={{marginTop:'64px'}}>
                                    <Col span={8} style={{margin:'0px 35px 0 0'}}><Button className="more"><Link to="/posApp/">了解更多</Link></Button></Col>
                                    <Col span={6} style={{margin:'5px 35px 0 0'}}><img src="images/app6.png"></img></Col>
                                    <Col span={6} style={{margin:'5px 0px 0 0'}}><img src="images/app7.png"></img></Col>
                                </Row>

                            </Col>
                            <Col span={2}></Col>
                            <Col span={10}>
                                <img src="images/app1.png" style={{width:'91%'}}></img>
                            </Col>

                        </Row>

                    </Col>
                    <Col span={4}></Col>
                </Row>

                    <div id="FreeTrial">
                        <Row style={{background:'#0487FC'}}>
                            <div style={{width:'100%',padding:'80px 0 72px',fontSize:'5.6rem',color:'#fff',textAlign:'center'}}>
                                免费试用
                            </div>
                            <Row style={{width:'100%',marginBottom:'104px'}}>
                                <a href="http://spt.saas.upos.it" target="_blank" style={{width:'55%',margin:'0 auto'}}>
                                <Row style={{width:'100%'}}>
                                    <Col span={19} style={{background:'#fff'}}>
                                        <div style={{color:'#606266',fontSize:'1.4rem',textAlign:'center',margin:'24px 0 16px'}}>
                                            http://spt.saas.upos.it
                                        </div>
                                        <div style={{color:'#606266',fontSize:'14px',textAlign:'center'}}>[账号：admin  密码：111111]</div>
                                    </Col>
                                    <Col span={5} style={{background:'#00CCD9'}}>
                                        <Row style={{color:'#fff',fontSize:'1.4rem'}}>
                                            <Col span={24} style={{textAlign:'center',lineHeight:'108px'}}>试用UPOS云进销存系统</Col>

                                        </Row>
                                    </Col>
                                </Row>
                                </a>
                            </Row>
                            <Row style={{width:'100%',marginBottom:'53px'}}>
                                <Row style={{width:'30%',margin:'0 auto'}}>
                                    <Col onMouseOver={this.mouseOver} onMouseOut={this.mouseOut} style={{marginRight:'50%',width:'120px'}}>
                                        {IsmouseOver?
                                            <div style={{width:'100%'}}>
                                                <div style={{width:'100%'}}>
                                                    <img src="images/apple1.png" style={{width:'120px'}}></img>
                                                    <div style={{color:'#fff',fontSize:'1.4rem',textAlign:'center',paddingTop:'41px'}}>iOS版</div>
                                                    <div style={{color:'#fff',fontSize:'1.4rem',textAlign:'center',paddingTop:'10px'}}>扫描二维码下载</div>
                                                </div>
                                            </div>
                                            :<div style={{width:'100%'}}>
                                                <div style={{width:'100%'}}>
                                                    <img src="images/apple.png"></img>
                                                    <div style={{color:'#fff',fontSize:'1.4rem',textAlign:'center',paddingTop:'41px'}}>iOS版</div>
                                                    <div style={{fontSize:'1.4rem',textAlign:'center',paddingTop:'10px',color:'#0487FC'}}>扫描二维码下载</div>
                                                </div>
                                            </div>}
                                    </Col>
                                    <Col  onMouseOver={this.mouseOverAnroid} onMouseOut={this.mouseOutAnroid} style={{width:'120px'}}>
                                        {IsmouseOverAnroid?
                                            <div style={{width:'100%',textAlign:'right'}}>
                                                <div style={{width:'100%'}}>
                                                    <img src="images/android1.png" style={{width:'120px'}}></img>
                                                    <div style={{color:'#fff',fontSize:'1.4rem',textAlign:'center',paddingTop:'41px'}}>Android版</div>
                                                    <div style={{color:'#fff',fontSize:'1.4rem',textAlign:'center',paddingTop:'10px'}}>扫描二维码下载</div>
                                                </div>
                                            </div>
                                            :
                                            <div style={{width:'100%',textAlign:'right'}}>
                                                <div style={{width:'100%'}}>
                                                    <img src="images/android.png"></img>
                                                    <div style={{color:'#fff',fontSize:'1.4rem',textAlign:'center',paddingTop:'41px'}}>Android版</div>
                                                    <div style={{fontSize:'1.4rem',textAlign:'center',paddingTop:'10px',color:'#0487FC'}}>扫描二维码下载</div>
                                                </div>
                                            </div>
                                        }

                                    </Col>
                                </Row>
                            </Row>

                        </Row>
                    </div>

                <div id="OurClients">
                <Row style={{margin:'152px 0 112px'}}>
                    <Col span={4}></Col>
                    <Col span={16} style={{color:'#303133',fontSize:'5.6rem',textAlign:'center'}}>我们的客户</Col>
                    <Col span={4}></Col>
                </Row>
                <div class="section-full user" style={{marginBottom:'96px'}}>
                    <div data-v-6a32e916="" class="logo_wrap">
                        <img data-v-6a32e916="" src="https://cdn.lanhuapp.com/home/img/mask_logo.png" alt="" class="left_mask mask"></img>
                        <img data-v-6a32e916="" src="https://cdn.lanhuapp.com/home/img/mask_logo.png" alt="" class="right_mask mask"></img>
                                <div data-v-6a32e916="" class="line_odd">
                                    <img data-v-6a32e916="" src="images/1.png" alt="" class="logo_img" style={{}}></img>
                                    <img data-v-6a32e916="" src="images/1.png" alt="" class="logo_img"></img>
                                </div>
                                <div data-v-6a32e916="" class="line_even" style={{marginTop:'104px'}}>
                                    <img data-v-6a32e916="" src="images/2.png" alt="" class="logo_img"></img>
                                    <img data-v-6a32e916="" src="images/2.png" alt="" class="logo_img"></img>
                                </div>
                                <div data-v-6a32e916="" class="line_odd" style={{marginTop:'104px'}}>
                                    <img data-v-6a32e916="" src="images/3.png" alt="" class="logo_img"></img>
                                    <img data-v-6a32e916="" src="images/3.png" alt="" class="logo_img"></img>
                                </div>
                                <div data-v-6a32e916="" class="line_even" style={{marginTop:'104px'}}>
                                    <img data-v-6a32e916="" src="images/4.png" alt="" class="logo_img"></img>
                                    <img data-v-6a32e916="" src="images/4.png" alt="" class="logo_img"></img>
                                </div>

                    </div>
                </div>
                </div>
                <Row>
                    <Col span={10}></Col>
                    <Col span={4}><span style={{color:'#303133',fontSize:'3.2rem',fontWeight:'bold',marginRight:'24px',display:'inline-block'}}>AND MORE</span><img src="images/add.png" style={{display:'inline-block',marginTop:'-14px'}}></img></Col>
                </Row>
                <Row style={{marginTop:'152px'}}>
                    <Col span={3}></Col>
                    <Col span={5}>
                        <div className="listCard" style={{position:'absolute',top:'0px',left:'0px',zIndex:'1'}}>
                            <Row>
                                <Col span={8}>
                                    <img src="images/Oval15.png" style={{display:'inline-block',marginTop:'-10px',width:'64px'}}></img>
                                </Col>
                                <Col span={16}>
                                    <Row style={{color:'#303133',fontSize:'1.8rem',fontWeight:'bold'}}>KinKin</Row>
                                    <Row style={{color:'#00CCD9',fontSize:'1.6rem'}}>连锁店总经理</Row>
                                </Col>
                            </Row>
                            <Row style={{marginTop:'40px',color:'#909399',fontSize:'1.6rem'}}>
                                ”相对其他管理系统，UPOS这套系统实用性很强，能够帮助门店全面解决进销存管理，使门店运行的更加高效，并且软件使用也很简单，员工不用进行正式的培训就可以上手工作。”
                            </Row>
                        </div>
                    </Col>
                    <Col span={1}></Col>
                    <Col span={5} style={{marginTop:'60px',position:'relative'}}>
                        <img src="images/quote-icon.png" style={{position:'absolute',top:'-56px',left:'34%',zIndex:'0'}}></img>
                        <div className="listCard" style={{position:'absolute',top:'0px',left:'0px',zIndex:'1'}}>
                            <Row>
                                <Col span={8}>
                                    <img src="images/Oval16.png" style={{display:'inline-block',marginTop:'-10px',width:'64px'}}></img>
                                </Col>
                                <Col span={16}>
                                    <Row style={{color:'#303133',fontSize:'1.8rem',fontWeight:'bold'}}>正老板</Row>
                                    <Row style={{color:'#00CCD9',fontSize:'1.6rem'}}>门店老板</Row>
                                </Col>
                            </Row>
                            <Row style={{marginTop:'40px',color:'#909399',fontSize:'1.6rem'}}>
                                ”UPOS这个软件可以很好的管理百货业销售，可及时反映销售状况，减少了销售过程中的很多不便。很多我们需要的数据UPOS都会自动统计出来。总体而言，UPOS软件的应用给我们带来了不少的经济效益。”
                            </Row>
                        </div>
                    </Col>
                    <Col span={1}></Col>
                    <Col span={5}>
                        <div className="listCard">
                            <Row>
                                <Col span={8}>
                                    <img src="images/Oval17.png" style={{display:'inline-block',marginTop:'-10px',width:'64px'}}></img>
                                </Col>
                                <Col span={16}>
                                    <Row style={{color:'#303133',fontSize:'1.8rem',fontWeight:'bold'}}>Frank Gallaghers</Row>
                                    <Row style={{color:'#00CCD9',fontSize:'1.6rem'}}>店长</Row>
                                </Col>
                            </Row>
                            <Row style={{marginTop:'40px',color:'#909399',fontSize:'1.6rem'}}>
                                ”易学易用，只要会操作电脑，即使先前没有使用管理系统的经验，也能应用。工作人员可实时了解门店的销售和库存状况，有效的对数据进行分析和处理。“
                            </Row>
                        </div>
                    </Col>
                </Row>
            </Content>
            <Footer style={{marginTop:'152px',background:'#fff'}} id="Footer">
                <div style={{width:'100%',height:'180px',background:'#001123',textAlign:'center',lineHeight:'180px'}}>
                    <img src="images/footer.png"></img>
                </div>
                <Row style={{marginTop:"60px"}}>
                    <Col span={4}></Col>
                    <Col span={3}>
                        <Row style={{marginBottom:'64px'}}>
                            <img src="images/header.png" style={{width:'143px',height:'26px'}}></img>
                        </Row>
                    </Col>
                    <Col span={5}></Col>
                    <Col span={6}>
                        <Row style={{marginBottom:'16px'}}>
                            <img src="images/footer5.png" style={{width:'24px',height:'24px'}}></img>
                            <span style={{color:'#2B292D',fontWeight:'bold',fontSize:'12px',marginLeft:'10px',lineHeight:"24px"}}>Facebook</span>
                            <span style={{color:'#878DA4',fontSize:'12px',marginLeft:'10px',lineHeight:"24px"}}>melarossa2012@gmail.com</span>
                        </Row>
                        <Row style={{marginBottom:'16px'}}>
                            <img src="images/footer6.png" style={{width:'24px',height:'24px'}}></img>
                            <span style={{color:'#2B292D',fontWeight:'bold',fontSize:'12px',marginLeft:'10px',lineHeight:"24px"}}>Whatsapp</span>
                            <span style={{color:'#878DA4',fontSize:'12px',marginLeft:'10px',lineHeight:"24px"}}>+390497387000</span>
                        </Row>
                        <Row style={{marginBottom:'16px'}}>
                            <img src="images/footer7.png" style={{width:'24px',height:'24px'}}></img>
                            <span style={{color:'#2B292D',fontWeight:'bold',fontSize:'12px',marginLeft:'10px',lineHeight:"24px"}}>Wechat</span>
                            <span style={{color:'#878DA4',fontSize:'12px',marginLeft:'12px',lineHeight:"24px"}}>melaitalia168</span>
                        </Row>
                        <Row style={{}}>
                            <img src="images/footer8.png" style={{width:'24px',height:'24px'}}></img>
                            <span style={{color:'#2B292D',fontWeight:'bold',fontSize:'12px',marginLeft:'10px',lineHeight:"24px"}}>E-mail</span>
                            <span style={{color:'#878DA4',fontSize:'12px',marginLeft:'12px',lineHeight:"24px"}}>ztp@imichi.cn</span>
                            <span style={{color:'#878DA4',fontSize:'12px',marginLeft:'16px',lineHeight:"24px"}}>melarossa2012@gmail.com</span>
                        </Row>
                    </Col>
                    <Col span={1}></Col>
                    <Col span={4}>
                        <Row style={{color:'#0F1C49',fontSize:'1.4rem',fontWeight:'bold',marginBottom:'20px'}}>
                            联系我们
                        </Row>
                        <Row style={{color:'#878DA4',fontSize:'1.2rem'}}>
                            上海：徐汇区田林路192号华鑫科技园J座3楼
                        </Row>
                        <Row style={{color:'#878DA4',fontSize:'1.2rem',marginTop:'22px'}}>
                            杭州：滨江区阡陌路459号 聚光中心C2座1楼
                        </Row>
                        <Row style={{color:'#878DA4',fontSize:'1.2rem',marginTop:'22px'}}>
                            意大利：IT PD PADOVA VIA URUGUAY 2
                        </Row>
                    </Col>
                </Row>
                <div style={{borderTop:'1px solid rgb(239, 237, 241)',color:'#878DA4',fontSize:'1rem',marginTop:'80px',padding:'20px 0 0px',textAlign:'center',width:'100%'}}>
                    版权所有@杭州青湘科技有限公司
                </div>
            </Footer>
          </Layout>
      );
  }

}


